<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>listFilter</title>
</head>

<body>
    <h1>列表过滤器</h1>
    first: 取第一个元素
    <p>{{[1, 2, 3, 4, 5, 6]|first}}</p>

    last: 取最后一个元素
    <p>{{[1, 2, 3, 4, 5, 6]|last}}</p>

    length: 获取列表长度
    <p>{{[1, 2, 3, 4, 5, 6]|length}}</p>

    sum: 列表求和
    <p>{{[1, 2, 3, 4]|sum}}</p>

    sort: 列表排序，默认升序
    <p>{{[6, 5, 4, 3, 2, 1]|sort}}</p>

    过滤器的链式调用
    <p>{{'hello'| upper | reverse}}</p>
</body>



</html>